<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>娱乐入口跳转详细</title>
    <!-- 公共的样式start -->
    <link href="./css/common.css" rel="stylesheet" type="text/css" />
    <link href="./css/red.skin.css" rel="stylesheet" type="text/css" title="color1" data-default-color="true" />
    <link href="./css/green.skin.css" rel="stylesheet" type="text/css" title="color2" />
    <link href="./css/animate.min.css" rel="stylesheet" type="text/css" />
    <!-- 公共的样式end -->
    <link rel="stylesheet" href="./css/play_detail.css">
</head>

<body>
    <!-- 公共的导航start -->
<div class="nav-contain">
    <div class="menu">
        <div class="logo">
            <a href="/"><img src="./images/logo.png" /></a>
        </div>
        <ul>
            <a href="javascript:">
                <li><span>网站首页</span></li>
            </a>
            <a href="javascript:">
                <li class="header_hover_li"><span>彩票投注</span></li>
            </a>
            <a href="javascript:">
                <li class="header_hover_li"><span>真人娱乐</span></li>
            </a>
            <a href="javascript:">
                <li class="header_hover_li"><span>体育投注</span></li>
            </a>
            <a href="javascript:">
                <li class="header_hover_li"><span>棋牌游戏</span></li>
            </a>
            <a href="javascript:">
                <li class="header_hover_li"><span>电竞投注</span></li>
            </a>
            <a href="javascript:">
                <li><span>优惠活动</span></li>
            </a>
            <a href="javascript:">
                <li><span>联盟合作</span></li>
            </a>
        </ul>
    </div>
    <div class="login-regist">
        <form>
            <input type="text" />
            <input type="text" />
            <input value='登录' type='submit' class="btn login" />
        </form>
        <a href="javascript:"><span class="regist">注册</span></a>
        <span class="testPlay">试玩</span>
    </div>
    <div class="login-finish active">
        <div>
            <img src="./images/avatar.png" width="40px" height="40px" />
            <div class="user-info-div">
                <p>wanlugouji<span class="l-f-wallet">钱包:<span style="color: #e48d8d;">123</span>元</span></p>
                <span>存款</span>
                <span>取款</span>
                <span>转账</span>
                <a href="javascript:"><span style="color: #e48d8d;">退出</span></a>
            </div>
        </div>
    </div>
    <!-- 下拉的内容 -->
    <div class="header_m_hover" style="height: 0px;">
        <div class="header_m_hover_c lotter" style="display: block;">
            <ul>
                <a href="javascript:" onclick="onTargetPage('js')">
                    <li>
                        <div class="header_m_h_img">
                            <img width="250px" src="./images/header/lot1.png">
                        </div>
                    </li>
                </a>
                <a href="javascript:" onclick="onTargetPage('kj')">
                    <li>
                        <div class="header_m_h_img">
                            <img width="250px" src="./images/header/lot2.png">
                        </div>
                    </li>
                </a>
                <a href="javascript:" onclick="onTargetPage('lh')">
                    <li>
                        <div class="header_m_h_img">
                            <img width="250px" src="./images/header/lot3.png">
                        </div>
                    </li>
                </a>
            </ul>
        </div>
        <div class="header_m_hover_c real_p" style="display: none;">
            <ul>
                <li class="real_p_rate">
                    <div>
                        <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                        <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                        <p><span style="font-size: 72px; color: #4e8cff;">1.0</span><span
                                style="font-size: 36px;color: #4e8cff;">%</span></p>
                    </div>
                </li>
                <li></li>
                <a href="#" id="realUrl" onclick="getEleUrlData(1);">
                    <li>
                        <img src="./images/header/real_1.png">
                    </li>
                </a>
            </ul>
        </div>
        <div class="header_m_hover_c ele_play" style="display: none;">
            <ul>
                <li class="ele_play_rate">
                    <div>
                        <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                        <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                        <p><span style="font-size: 72px; color: #4e8cff;">1</span><span
                                style="font-size: 36px;color: #4e8cff;">%</span></p>
                    </div>
                </li>
                <li></li>
                <a href="#" id="gameUrl" onclick="getEleGameUrlData(1);">
                    <li>
                        <img src="./images/header/game.png">
                    </li>
                </a>
            </ul>
        </div>
        <div class="header_m_hover_c sport_paly" style="display: none;">
            <ul>
                <li class="sport_paly_rate">
                    <div>
                        <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                        <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                        <p><span style="font-size: 72px; color: #4e8cff;">1.2</span><span
                                style="font-size: 36px;color: #4e8cff;">%</span></p>
                    </div>
                </li>
                <a href="javascript:" id="sportUrl" onclick="getSportUrlData(1);">
                    <li>
                        <img src="./images/header/sport.png">
                    </li>
                </a>
                <a href="javascript:" onclick="getSporSBOtUrlData()">
                    <li style="padding-left: 150px;">
                        <img src="./images/header/sport_sbo.png">
                    </li>
                </a>
            </ul>
        </div>
        <div class="header_m_hover_c ele_play" style="display: none;">
            <ul>
                <li class="ele_play_rate">
                    <div>
                        <p style="color: #3a404c;font-size: 16px; margin-bottom: 10px;">天天返水&nbsp;&nbsp;最高可达</p>
                        <p style="color: #91959e; font-size: 12px; margin-bottom: 10px;">LIVE&nbsp;CASINO</p>
                        <p><span style="font-size: 72px; color: #4e8cff;">1.2</span><span
                                style="font-size: 36px;color: #4e8cff;">%</span></p>
                    </div>
                </li>
                <li></li>
                <a href="javascript:" id="kyUrl" onclick="getKYUrlData();">
                    <li>
                        <img src="./images/header/ky_game.png">
                    </li>
                </a>
            </ul>
        </div>
    </div>
</div>
<!-- 公共的导航end -->
<!-- 此处只针对棋牌，p-detail-contain里面的solve_nav应该删除掉
<div class="solve_nav">
    <img src="./images/chess/chess_banner.jpg" class="chess-banner-img" />
</div> -->

    <div class="p-detail-contain solve_nav wow slideInRight" data-wow-delay="0.7s" data-wow-duration="1.5s">

        <!-- AG真人游戏部分 -->
        <!-- <div class="tab-c">
            <a href="javascript:" class="active"><span>AG真人娱乐</span></a>
        </div>
        <div class="tab-contain-c active" style="background: url('./images/play_img_detail.jpg') no-repeat; background-color: #f7f7f7;background-size: 100%;background-position: center;">
            <div class="p-d-img-contain">
                <div class="p-img-c">
                    <img src="./images/play_img_1_d1.png" class="anim1"/>
                    <img src="./images/play_img_1_d2.png" class="anim2"/>
                    <div class="p-detail-operate" onclick="onEnter();">
                        <img src="./images/operate_enter.png" />
                    </div>  
                </div>
                 <div class="p-img-icon">
                    <img src="./images/p_detail_gf_icon.png"  />
                </div>
            </div>
        </div> -->


        <!-- 体育竞技 -->
        <!-- <div class="tab-c">
            <a href="javascript:" class="active"><span>AG体育</span></a><a href="javascript:" class=""><span>利己SBO</span></a>
        </div>
        <div class="tab-contain-c active" style="background: url('./images/play_img_3_detail.jpg') no-repeat; background-color: #f7f7f7;background-size: 100%;background-position: center;">  
            <div class="p-d-img-contain">
                <div class="p-img-c">
                    <img src="./images/play_img_3_d1.png" class="anim2" />
                    <img src="./images/play_img_3_d2.png" class="anim1" />
                </div>
                 <div class="p-img-icon">
                    <img src="./images/p_detail_gf_icon.png"  />
                </div>
            </div>
        </div>
        <div class="tab-contain-c" style="background: url('./images/play_img_33_detail.jpg') no-repeat; background-color: #f7f7f7;background-size: 100%;background-position: center;">
            <div class="p-d-img-contain" >  
                <div class="p-img-c">
                    <img src="./images/play_img_3_d1.png" class="anim2" />
                    <img src="./images/play_img_3_d2.png" class="anim1" />
                </div>
                 <div class="p-img-icon">
                    <img src="./images/p_detail_gf_icon.png"  />
                </div>
            </div>
        </div> -->


        <!-- AG电子 -->
        <div class="tab-c">
            <a href="javascript:" class="active"><span>AG电子</span></a>
        </div>
        <div class="tab-contain-c active" style="background: url('./images/play_img_6_detail.jpg') no-repeat; background-color: #f7f7f7; background-size: 100%;background-position: center;"> 
            <div class="p-d-img-contain">
                <div class="p-img-c">
                        <img src="./images/play_img_6_d1.png" class="anim1" />
                        <img src="./images/play_img_6_d2.png" class="anim2" />
                </div>
                <div class="p-img-icon">
                    <img src="./images/p_detail_gf_icon.png"  />
                </div>
            </div>
        </div>
        <!-- 棋牌 -->

        <!-- <div class="tab-c">
            <a href="javascript:" class="active"><span>全部游戏</span></a><a href="javascript:" class=""><span>收藏的游戏</span></a>
        </div>
        <div class="tab-contain-c active">
            <div class="p-d-img-contain">
                <ul class="list-item">
                    <li class="ky"><img class="ky_decorate" src="./images/p_detail_ky.png" /><img src="./images/chess/1.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store active"></span></div></li>
                    <li class="sw"><img class="sw_decorate" src="./images/p_detail_sg.png" /><img src="./images/chess/2.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store active"></span></div></li>
                    <li><img src="./images/chess/3.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/4.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/5.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/6.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/7.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/8.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/9.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/10.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/11.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/12.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/13.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/14.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/15.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                    <li><img src="./images/chess/16.png" /><div class="list-item-com"><span class="list-item-name">炸金花</span><span class="item-store"></span></li>
                </ul>
                <div class="clear"></div>
                <div class="page-contain">
                    <ul>
                        <li class="active">1</li>
                        <li>2</li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="tab-contain-c">
            <div class="p-d-img-contain">
                <ul class="list-item">
                    <li><img src="./images/chess/1.png" /></li>
                </ul>
                <div class="clear"></div>
            </div>
        </div> -->

    </div>

<!-- 公共的底部start -->
<div class="skin-set" id="skin-set">
    <div class="skin-set-img" onclick="skinChange()">
        <img src="./images/skin_set.png" class="skin-d" />
    </div>
    <div class="skin-color-select">
        <span class="red-skin styleswitch" data-switchcolor="color1" style="background: #ea2c58;"></span>
        <span class="gray-skin styleswitch" data-switchcolor="color2" style="background: #48c7ec;"></span>
    </div>
</div>
<div class="footer-contain clear">
    <div class="footer-c">
        <ul>
            <li class="wow slideInLeft">
                <div class="f-c-d">
                    <h3>合法牌照</h3>
                    <p class="f-c-d-one">万漉国际拥有 菲律宾政府颁发合法牌照，由PAGCOR部门授权及监管。会员大额提 现均可在澳门威尼斯人酒店提现。单日可提款1000万人民币。</p>
                </div>
            </li>
            <li class="wow slideInUp">
                <div class="f-c-d">
                    <h3>关于我们</h3>
                    <ul class="f-c-d-two">
                        <li>新手帮助</li>
                        <li>条款与条件</li>
                        <li>隐私权规则</li>
                        <li>责任博彩</li>
                    </ul>
                </div>
            </li>
            <li class="wow slideInUp">
                <div class="f-c-d">
                    <h3>社交媒体</h3>
                    <ul class="f-c-d-three">
                        <li><img src="./images/footer_link_1.png" width="70px" height="70px" /></li>
                        <li><img src="./images/footer_link_2.png" width="70px" height="70px" /></li>
                        <li><img src="./images/footer_link_3.png" width="70px" height="70px" /></li>
                        <li><img src="./images/footer_link_4.png" width="70px" height="70px" /></li>
                        <li>
                            <p>客服邮箱</p>
                            <p>8面神猴@sina.com</p>
                        </li>
                    </ul>
                </div>
            </li>
            <li class="wow slideInRight">
                <div class="f-c-d">
                    <h3>底部导航</h3>
                    <ul class="f-c-d-two">
                        <li>万漉彩票</li>
                        <li>AG真人娱乐</li>
                        <li>体育博彩</li>
                        <li>电子游戏</li>
                    </ul>
                </div>
            </li>
        </ul>
        <p class="footer-c-msg wow slideInUp">推荐使用 火狐浏览器 谷歌浏览器 IE 11 以上浏览器 1920x1080分辨率 版权所有 ©2020万漉国际 保留所有权</p>
    </div>
</div>
<script type="text/javascript" src="./javascripts/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="./javascripts/modernizr.custom.js"></script>
<script type="text/javascript" src="./javascripts/wow.min.js"></script>
<script type="text/javascript" src="./javascripts/switch_theme.js"></script>
<script type="text/javascript">
    function scaleNav() {
        var browser_width = $(document.body).width();
        navLeft(browser_width);
        if (browser_width < 1200) {
            $(".nav-contain").css({ "position": "relative" });
            $(".solve_nav").css("margin-top", "0px");
        } else {
            $(".nav-contain").css({ "position": "fixed" });
            $(".solve_nav").css("margin-top", "80px");
        }
        $(window).resize(function () {
            browser_width = $(document.body).width();
            navLeft(browser_width);
            if (browser_width < 1200) {
                $(".nav-contain").css({ "position": "relative" });
                $(".solve_nav").css("margin-top", "0px");
            } else {
                $(".nav-contain").css({ "position": "fixed" });
                $(".solve_nav").css("margin-top", "80px");
            }
        });
    }
    scaleNav();
    //顶部菜单的动画
    function navLeft(browser_width) {
        if (browser_width <= 1500) {
            $(".nav-contain .menu").addClass("left");
        } else {
            $(".nav-contain .menu").removeClass("left");
        }
    }
</script>
<script type="text/javascript">
    $(function () {
        $(".header_hover_li").each(function (index) {
            $(this).hover(function () {
                $(".header_m_hover_c").css({ "display": "none" });
                $(".header_m_hover_c").eq(index).css({ "display": "block" });
                $(".header_m_hover").css({ "height": "180px" });
                $(".header_hover_li").removeClass("on");
                $(".header_hover_li").eq(index).addClass("on");
            }, function () {
                if ($(".header_m_hover").is(":hover")) { } else {
                    $(".header_m_hover_c").css({ "display": "none" });
                    $(".header_m_hover").css({ "height": "0px" });
                    $(".header_hover_li").eq(index).removeClass("on");
                }
                $(".header_m_hover").hover(function () { }, function () {
                    $(".header_m_hover_c").css({ "display": "none" });
                    $(".header_m_hover").css({ "height": "0px" });
                    $(".header_hover_li").eq(index).removeClass("on");
                })
            })
        });
        //初始化wow的动画插件
        initAnima();
    });
    //css的动画插件的js初始化
    function initAnima() {
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        };
    }
</script>
<!-- 公共的底部end -->
<script type="text/javascript">
    $(function(){
        $(".p-detail-contain .tab-c a").bind('click', function () {
            $indexVal=parseInt($(this).index());
            $(this).addClass('active').siblings().removeClass('active');
            $(".p-detail-contain .tab-contain-c").eq($indexVal).addClass("active").siblings().removeClass("active");
        });
    });
    function onEnter(){
        console.log("进入游戏");
    }
</script>
</body>

</html>